<div id="header">
  <div id="menu" class="clearfix">
    <ul>
      <li><a href="${domain}/index.html">首页</a>
        <ul>
          <li><a href="${domain}/backend/login">登录</a></li>
        </ul>
      </li>
<#--       <li><a href="${domain}/categorys/Java">Java</a>
        <ul class="sub-menu">
          <li><a href="${domain}/categorys/JavaSE">JavaSE</a></li>
          <li><a href="${domain}/categorys/JavaEE">JavaEE</a></li>
          <li><a href="${domain}/categorys/JavaFX">JavaFX</a></li>
        </ul>
      </li>
      <li><a href="${domain}/categorys/DataBase">DataBase</a></li> -->
      
      <#list categorys as category>
        <li><a href="${domain}/categorys/${category.name}">${category.name}</a>
        <#if (category.nodes?exists && category.nodes?size>0) >
         <ul class="sub-menu">
          <#list category.nodes as subcategory >
             <li><a href="${domain}/categorys/${subcategory.name}">${subcategory.name}</a></li>
          </#list>
          </ul>
        </#if>
        </li>
      </#list>
      
      <#list pages as page>
        <li><a href="${domain}/pages/${page.id}">${page.title}</a>
        <#if (page.children?exists && page.children?size>0) >
         <ul class="sub-menu">
          <#list page.children as child >
             <li><a href="${domain}/pages/${child.id}">${child.title}</a></li>
          </#list>
          </ul>
        </#if>
        </li>
      </#list>
      <li><a href="${domain}/sitemap">文章归档</a></li>
    </ul>
  </div>
  <h1 id="logo"><a href="${domain}/">${title} - zhouhaocheng.cn</a></h1>
  <h2 id="tagline">${subtitle}</h2>
  <a id="menu_button" href="#"><i id="icon_menu"></i></a>
</div>